<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $_SESSION[SESS_CONFIG][DicKey::TitleName[XPHEnum::Value]]['dic_value'] ?></title>

<?php
	include 'public/views/header.php';
	include 'public/home/html/alert.php';
	include 'public/home/html/lazy_load.php';
?>
<script src="public/home/js/function.js"></script>
<script src="public/home/js/leaveMsg.js"></script>

<style>
	body{
	    background-color: white;
	    max-width:400px;
		margin:auto;
	}
	input{
		text-indent: 10px;
	}
	textarea{
		padding:10px;
	}
	/*顶部，标题*/
	.head{
		width: 100%;
		height: 60px;
		background: #f2f2f2;
	}
	.head .col-xs-3,.head .col-xs-6{
		height:60px;
	}
	.head .col-xs-6{
		text-align: center;
	}
	.head .col-xs-3 img{
		height: 26px;
		width: 30px;
		margin-top: 17px;
	}
	.head .col-xs-6 img{
		height: 50px;
		width: auto;
		 margin-top: 5px;
	}
	.title{
		width:88%;
		margin-left:6%;
		margin-top: 20px;
	}
	.title-font{
		color: #364B50;
		font-weight:bold;
		font-size:16px;
	}
	.title-line{
		height: 3px;width:18px;background: #364B50;
	}
	/*展示图片*/
	.corporation-img{
		height:150px;
		width:100%;
	}
	/*详细内容*/
	.shop-content{
		height:auto;
		line-height: 25px;
		width:88%;
		margin-left: 6%;
		margin-bottom:40px;
		margin-top: 20px;
	}
	.shop-content img{
		height:21px;
		width:23px;
		margin-right:5px;
	}
	.corporation{
	    font-size:14px;
	    color:#898989;
	    /*font-weight: bold;*/
	    word-wrap : break-word ;
	}
	.shop-address{
	    color:#898989;
	    word-wrap : break-word ;
	}
	.shop-fax{
	    color:#898989;
	    word-wrap : break-word ;
	}
	.shop-url{
	    color:#898989;
	    word-wrap : break-word ;
	}
	.shop-email{
	    color:#898989;
	    word-wrap : break-word ;
	}
	
	/*发送按钮*/
	.send{
		width:88%;
		margin-left: 6%;
		border:none;
		outline: none;
		height:35px;
		color:white;
		background-color: #2A3C46;
		border-radius: 4px;
		margin-bottom:20px;
	}

	#form{
		width: 88%;
		margin-left: 6%;
		margin-top: 20px;
	}
	#form input,#form textarea{
		width:100%;
		border:1px solid #B8B8B8;
		border-radius: 5px!important;
		margin-bottom:15px;
	}
	#form input{
		height:35px;
	}
</style>
</head>
<body>
	<!-- 头部标题（logo） -->
    <div class="head">
		<div class="col-xs-3"><img src="<?php echo base_url().'/public/home/images/pic/'?>detail.png" alt="" class="show-index"></div>
		<div class="col-xs-6"><img src="<?php echo $_SESSION[SESS_CONFIG][DicKey::Logo[XPHEnum::Value]]['dic_value'] ?>" alt=""></div>
		<div class="col-xs-3"></div>
	</div>
    <!-- 展示图片 -->
    <?php if (isset($_SESSION[SESS_CONFIG][DicKey::CorporationImg[XPHEnum::Value]])&&$_SESSION[SESS_CONFIG][DicKey::CorporationImg[XPHEnum::Value]]['dic_value']!=''): ?>
    <img src="<?php echo $_SESSION[SESS_CONFIG][DicKey::CorporationImg[XPHEnum::Value]]['dic_value'] ?>" data-src="<?php echo $_SESSION[SESS_CONFIG][DicKey::CorporationImg[XPHEnum::Value]]['dic_value'] ?>" alt="" class="corporation-img"/>	
    <?php endif ?>
    
    <!-- 详细内容 -->
    <div class="title">
		<div class="title-font">联系方式</div>
		<div class="title-line"></div>
	</div>
    <div class="shop-content">
    	<div class="corporation"><?php echo $_SESSION[SESS_CONFIG][DicKey::Corporation[XPHEnum::Value]]['dic_value'] ?></div>
    	<div class="shop-address">
    		<img src="public/home/images/shop-address.png" alt="" />
    		<lable><?php echo $_SESSION[SESS_CONFIG][DicKey::Address[XPHEnum::Value]]['dic_value'] ?></lable>
    	</div>
    	<div class="shop-fax">
    		<img src="public/home/images/shop-fax.png" alt="" />
    		<lable><?php echo $_SESSION[SESS_CONFIG][DicKey::Fax[XPHEnum::Value]]['dic_value'] ?></lable>
    	</div>
    	<div class="shop-url">
    		<img src="public/home/images/shop-url.png" alt="" />
    		<lable><?php echo $_SESSION[SESS_CONFIG][DicKey::Url[XPHEnum::Value]]['dic_value'] ?></lable>
    	</div>
    	<div class="shop-email">
    		<img src="public/home/images/shop-email.png" alt="" />
    		<lable><?php echo $_SESSION[SESS_CONFIG][DicKey::Email[XPHEnum::Value]]['dic_value'] ?></lable>
    	</div>
    </div>
    <!-- 表单部分 -->
    <div class="title">
		<div class="title-font">联系我们</div>
		<div class="title-line"></div>
	</div>
    <form id="form">
    	<input type="hidden" id="park_id" name="park_id" value="<?php echo $park_id ?>"/>
    	<input type="text" name="name" placeholder="姓名*" />
    	<input type="text" name="phone" placeholder="电话*"/>
    	<input type="text" name="email" placeholder="邮箱"/>
    	<input type="text" name="city" placeholder="城市*"/>
    	<input type="text" name="title" placeholder="标题"/>
    	<textarea name="content" rows="4" placeholder="信息*"></textarea>
    </form>
    <button class="send">发送</button>



    	<!-- index iframe -->
    	<div class="zhezhao" style="position:fixed; z-index:999; background: rgba(0,0,0,0.5); display: none; top:0px; left:0px;"></div>
    	<iframe class="index-iframe" src="<?php echo base_url() ?>Home/Index/Index?park_id=<?php echo $_GET['park_id'] ?>" frameborder="0" style="position: fixed; z-index:1000; top:0px;"></iframe>
    </body>
    <script>
    	$(function(){
    		$('.index-iframe').css('left','-'+(Number($(window).width())*0.8)+'px').width(Number($(window).width())*0.8);
    		setWindow();
			$(window).resize(function(){
				setWindow();
			});
    		$('.show-index').click(function(){
    			$('.zhezhao').show();
    			$('.index-iframe').animate({left:'0px'});
    		});
    	})
    	function setWindow(){
    		$('.zhezhao').height($(window).height()).width($(window).width());
			$('.index-iframe').height($(window).height());
    	}
    </script>
</html>